<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>Document</title>
</head>
<body>
      <!-- 图片 ：src属性链接到图片的地址  alt图片加载失败文字说明 
          width和height也是图片特有属性，只需设置一个,另一个会自适应 
      -->
    <img width="150px"   src="../音视频/6.jpg" alt="图片加载失败文字说明">
    <!-- <img width="150px"  src="https://img0.baidu.com/it/u=3396147091,929954246&fm=253&app=120&f=JPEG?w=800&h=800" alt=""> -->
    
    <!-- 视频标签  video
         控制条：controls   
         宽高：width和height只需设置一个,另一个会自适应 
         自动播放：autoplay
         循环播放：loop
         静音播放：muted
         设置封面：poster
    -->
    <video width="400px" poster="../音视频/6.jpg" muted loop  src="../音视频/1.mp4" controls>视频</video>
    
    <!-- 音频标签  audio
         控制条：controls   
         自动播放：autoplay
         循环播放：loop
         静音播放：muted
         **宽高：width和height和设置封面：poster不可用**
    -->
    <audio loop muted autoplay src="../音视频/1.mp3" controls></audio>
</body>
</html>